<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Focus - Abiinfo</title>
<link href="http://fonts.googleapis.com/css?family=PT+Sans|Changa+One" rel="stylesheet" type="text/css">
<link href="styles/common.css" rel="stylesheet" type="text/css" />
<link href="styles/messages.css" rel="stylesheet" type="text/css" />
<link href="coin-slider/coin-slider-styles.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="coin-slider/coin-slider.js"></script>
<script type="text/javascript" src="js/focus.messages.js"></script>
<script type="text/javascript" src="js/focus.core.js"></script>
</head>

<body>

<div class="content">

  <div class="left-content">
  
  	<!-- Help section start -->
    <div class="left-content-help-section" id="help-section-1">
      <h2>Sektsioon 1</h2>
      <p>&nbsp;</p>
      <p>Nunc a velit nibh, quis dictum ante. Vivamus convallis fermentum justo,   et scelerisque ipsum rhoncus sed. Mauris non ipsum in est pulvinar   placerat eu quis dui. Aenean pellentesque, eros ut suscipit fermentum,   mi velit luctus risus, eget suscipit orci ante in sapien. Nulla suscipit   tempor viverra. Cras dictum nibh ac dui pharetra in viverra felis   imperdiet. Morbi quis ante dui. </p>
      <p>&nbsp;</p>
      <p>Morbi vitae leo suscipit lectus <a href="#">commodo   dapibus quis id dui</a>. Etiam quis tortor ipsum, eu viverra nisl. Proin   sodales vulputate justo eget adipiscing. Vestibulum felis est, tristique   id venenatis et, accumsan quis purus. Sed imperdiet scelerisque diam   vel euismod. Vivamus vitae arcu justo, id laoreet velit. Nulla   scelerisque augue et quam accumsan rutrum. </p>
    </div>
    <!-- Help section end -->
    
    <!-- Help section start -->
    <div class="left-content-help-section" id="help-section-2">
      <h2>Sektsioon 2</h2>
      <p>&nbsp;</p>
      <p>Nunc a velit nibh, quis dictum ante. Vivamus convallis fermentum justo,   et scelerisque ipsum rhoncus sed. Mauris non ipsum in est pulvinar   placerat eu quis dui. Aenean pellentesque, eros ut suscipit fermentum,   mi velit luctus risus, eget suscipit orci ante in sapien. Nulla suscipit   tempor viverra. Cras dictum nibh ac dui pharetra in viverra felis   imperdiet. Morbi quis ante dui. </p>
      <p>&nbsp;</p>
      <p>Morbi vitae leo suscipit lectus <a href="#">commodo   dapibus quis id dui</a>. Etiam quis tortor ipsum, eu viverra nisl. Proin   sodales vulputate justo eget adipiscing. Vestibulum felis est, tristique   id venenatis et, accumsan quis purus. Sed imperdiet scelerisque diam   vel euismod. Vivamus vitae arcu justo, id laoreet velit. Nulla   scelerisque augue et quam accumsan rutrum. </p>
    </div>
    <!-- Help section end -->
    
    <!-- Help section start -->
    <div class="left-content-help-section" id="help-section-3">
      <h2>Sektsioon 3</h2>
      <p>&nbsp;</p>
      <p>Nunc a velit nibh, quis dictum ante. Vivamus convallis fermentum justo,   et scelerisque ipsum rhoncus sed. Mauris non ipsum in est pulvinar   placerat eu quis dui. Aenean pellentesque, eros ut suscipit fermentum,   mi velit luctus risus, eget suscipit orci ante in sapien. Nulla suscipit   tempor viverra. Cras dictum nibh ac dui pharetra in viverra felis   imperdiet. Morbi quis ante dui. </p>
      <p>&nbsp;</p>
      <p>Morbi vitae leo suscipit lectus <a href="#">commodo   dapibus quis id dui</a>. Etiam quis tortor ipsum, eu viverra nisl. Proin   sodales vulputate justo eget adipiscing. Vestibulum felis est, tristique   id venenatis et, accumsan quis purus. Sed imperdiet scelerisque diam   vel euismod. Vivamus vitae arcu justo, id laoreet velit. Nulla   scelerisque augue et quam accumsan rutrum. </p>
    </div>
    <!-- Help section end -->
    
    <!-- Help section start -->
    <div class="left-content-help-section" id="help-section-4">
      <h2>Sektsioon 4</h2>
      <p>&nbsp;</p>
      <p>Nunc a velit nibh, quis dictum ante. Vivamus convallis fermentum justo,   et scelerisque ipsum rhoncus sed. Mauris non ipsum in est pulvinar   placerat eu quis dui. Aenean pellentesque, eros ut suscipit fermentum,   mi velit luctus risus, eget suscipit orci ante in sapien. Nulla suscipit   tempor viverra. Cras dictum nibh ac dui pharetra in viverra felis   imperdiet. Morbi quis ante dui. </p>
      <p>&nbsp;</p>
      <p>Morbi vitae leo suscipit lectus <a href="#">commodo   dapibus quis id dui</a>. Etiam quis tortor ipsum, eu viverra nisl. Proin   sodales vulputate justo eget adipiscing. Vestibulum felis est, tristique   id venenatis et, accumsan quis purus. Sed imperdiet scelerisque diam   vel euismod. Vivamus vitae arcu justo, id laoreet velit. Nulla   scelerisque augue et quam accumsan rutrum. </p>
    </div>
    <!-- Help section end -->
    
  </div>
  
  
  <div class="right-content">
  
    <div class="right-navig-section">
    	<h2>Abi</h2>
    </div>
    
    <div class="right-navig-section" id="help-section-1">
      <h3><a href="#help-section-1">Sektsioon 1</a></h3>
    </div>
    <div class="right-navig-section" id="help-section-2">
      <h3><a href="#help-section-2">Sektsioon 2</a></h3>
    </div>
    <div class="right-navig-section" id="help-section-3">
      <h3><a href="#help-section-3">Sektsioon 3</a></h3>
    </div>
    <div class="right-navig-section" id="help-section-4">
      <h3><a href="#help-section-4">Sektsioon 4</a></h3>
    </div>
    
  </div>
</div>

<div id="navigation-bar-container">
    <ul id="navigation-bar">
        <li id="logo">focus</li>
        <li class="button">Abiinfo</li>
        <li class="button" id="btn-sign-out">Logi välja</li>
    </ul>
</div>
</body>
</html>